<template>
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="员工信息管理" name="first">
      <user></user>
      <tables></tables>
    </el-tab-pane>
    <el-tab-pane label="人员信息导入" name="second">
      <renyuan> </renyuan>
    </el-tab-pane>
    <el-tab-pane label="批量上传照片" name="third">
      <piliang></piliang>
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import user from "./ui/user.vue";
import tables from './ui/tables.vue'
import renyuan from "./ui/renyuan.vue";
import piliang from "./ui/piliang.vue";
export default {
  components: { user, renyuan, piliang ,tables},
  data() {
    return {
      activeName: "first",
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
  },
};
</script>

<style lang="scss" scoped>
::v-deep {
  .el-form-item {
    width: 200px;
  }
}
</style>